<template>
    <div class="app">
        <div class="right">
            <div class="header">
                <!-- <div class="imgs"><img src="../../assets/img/house.png" alt=""></div> -->
                <p class="title">主要领域</p>
            </div>
            <!-- <p class="right-title">{{item.title}}</p> -->
            <div class="right-content" v-for="(item, value) in list" :key="value">
                <!-- <p class="right-title">{{item.title}}</p> -->
                <p class="right-text">{{item.title}}</p>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            list:[
            { title:'幼有所育' },
            { title:'学有所教' },
            { title:'劳有所得' },
            { title:'住有所居' },
            { title:'文有所化' },
            { title:'体有所健' },
            { title:'游有所乐' },
            { title:'病有所医' },
            { title:'弱有所扶' },
            { title:'行有所畅' },
            { title:'事有所便' }
        ],
        }
    }
}
</script>
<style lang="less" scoped>
.right{
    width: 200px;
    height: 850px;
    background: #FFFFFF;
    border-radius: 2px;
    // border: 1px solid #EBEBEB;
    // margin-left: 24px;
    .header{
        font-size: 20px;
        padding-top: 24px;
        margin-left: 24px;
        // margin-bottom: 16px;
        color: #333333;
        font-weight: bold;
        // display: flex;
        // .imgs{
        //     width: 30px;
        //     height: 30px;
        //     margin-right: 10px;
        //     img{
        //         width: 100%;
        //         height: 100%;
        //     }
        // }        
    }
    .right-content{
        margin-left: 24px;
        // height: 50px;
        // margin-bottom: 45px;
        .right-title{
            font-weight: bold;
            height: 22px;
            font-size: 16px;
            color: #444444;
            // margin-bottom: 8px;
        }
        .right-text{
            // height: 20px;
            margin-top: 24px;
            padding-right: 10px;
            box-sizing: border-box;
            font-size: 18px;
            color: #454333;
            margin-bottom: 0;
        }
    }
}
</style>